    .other-detail {
        color: #777;
        i {
            font-style: normal;
        }
        p {
            margin: 0;
        }
        .data-nomal {
            color: rgb(37, 153, 14) !important;
        }
        .data-break {
            color: rgb(255, 139, 2) !important;
        }
        .data-total {
            color: #222;
        }
        .top {
            position: relative;
            padding: 3px 5px;
            width: 100%;
            display: flex;
            min-height: 106px;
            background-color: #fff;
            .border {
                display: flex;
                width: 100%;
                color: #777;
                flex-wrap: wrap;
                &>div {
                    padding-top: 13px;
                    flex: 0 0 25%;
                    &:nth-of-type(2n+1) {
                        text-align: left;
                        padding: 0;
                        margin-right: 25%;
                    }
                    &:nth-of-type(2n) {
                        text-align: right;
                        padding: 0;
                        margin-left: 25%;
                    }
                }
                label {
                    color: #777;
                    font-size: 8px;
                }
                p {
                    font-size: 14px;
                    line-height: 10px;
                    margin: 2px 0;
                    &>span {
                        // margin-left: -3px;
                        &:nth-of-type(1) {
                            margin-left: 0;
                        }
                        &::after {
                            content: '/';
                            color: #777;
                            display: inline;
                            font-size: 14px;
                            vertical-align: baseline;
                        }
                        &:last-child::after {
                            display: none;
                        }
                    }
                }
            }
            .mid {
                width: 50%;
                position: absolute;
                left: 50%;
                top: 0;
                transform: translate(-50%);
                section {
                    height: 80px;
                    overflow: hidden;
                    .Text-init {
                        position: relative;
                        top: 0;
                        transition: top 1s;
                        .fire-alarm-info {
                            width: 100%;
                            height: 90px;
                            padding: 5px;
                            font-size: 12px;
                            color: #ff8b02;
                            text-align: left;
                            p {
                                max-height: 75px;
                                overflow: hidden;
                                line-height: 16px;
                                word-break: break-all;
                            }
                        }
                    }
                    .scrollText {
                        top: -90px;
                    }
                }
            }
            .right {
                width: 25%;
                color: #777;
                text-align: right;
                label {
                    color: #777;
                    font-size: 10px;
                }
                p {
                    font-size: 14px;
                }
                div:nth-of-type(2) {
                    margin-top: 14px;
                }
            }
        }
        .bottom {
            .bottom-item {
                font-size: 10px;
                color: #555;
                .sub-title {
                    padding: 5px;
                    position: relative;
                    background: #F2F5F8;
                    font-size: 8px;
                    height: 40px;
                    &>span:nth-child(1) {
                        height: 40px;
                        display: block;
                        line-height: 40px;
                        position: absolute;
                        top: 0;
                        font-size: 14px;
                    }
                    &>span:nth-child(2) {
                        top: 50%;
                        right: 8px;
                        position: absolute;
                        transform: translate(0, -50%);
                        i {
                            font-size: 18px;
                        }
                    }
                }
                .sub-content {
                    color: #555;
                    display: flex;
                    flex-wrap: wrap;
                    position: relative;
                    &>span {
                        position: absolute;
                        bottom: 0;
                        height: 1px;
                        width: 100%;
                        background: #fff;
                    }
                    &>div {
                        max-width: 25%;
                        flex: 0 0 25%;
                        min-height: 60px;
                        text-align: center;
                        position: relative;
                        border-right: 1px solid #d9dee2;
                        padding-top: 18px;
                        border-bottom: 1px solid #d9dee2;
                        &:nth-child(4n) {
                            border-right: 0;
                        }
                        &>p:nth-of-type(1) {
                            width: 95%;
                            margin: 0 auto;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            font-size: 9px;
                        }
                        span {
                            padding: 5px;
                            color: #777;
                            display: flex;
                            flex-wrap: wrap;
                            p {
                                max-width: 48%;
                                flex: 0 0 48%;
                                text-align: right;
                                font-size: 8px;
                                &:nth-of-type(2n+1) {
                                    padding: 1px 0;
                                    text-align: left;
                                }
                                &:nth-of-type(2n) {
                                    margin-left: 4%;
                                }
                                em {
                                    font-size: 12px;
                                    font-style: normal;
                                    color: rgb(37, 153, 14);
                                }
                            }
                        }
                        &>i {
                            top: 2px;
                            right: 5px;
                            font-size: 9px;
                            position: absolute;
                        }
                    }
                    .breakbg {
                        background-color: #ff8b02;
                        color: #fff;
                        span {
                            color: #fff;
                            em {
                                color: #fff;
                            }
                        }
                    }
                    .only {
                        max-width: 100% !important;
                        flex: 0 0 100% !important;
                        text-align: center !important;
                    }
                }
                &:last-child {
                    .sub-content {
                        &>div {
                            padding-top: 18px;
                            border-bottom: 1px solid #d9dee2;
                        }
                    }
                }
            }
        }
    }